/* Non-essential styles */
h2 {
    font-size:16px;
    margin:5px 0;
}

*.gp {
    position:relative;
    height:225px;
    width:600px;
    border:2px solid black;
    z-index:1;

    background-color:transparent;
}

*.parent {
    margin:10px;
    padding:10px;
    padding-top:0;

    border:1px solid black;
    background-color:transparent;
}

*.box {
    margin:0;
    padding:5px;

    border:5px solid black;

    text-align:center;
    background-color:gold;
}

/* Essential Styles */

#in_place {
    position:fixed;
    z-index:1;  /* not necessary */
}

#in_place *.in_place_relative {
    position:relative;

    top:10px;
    left:10px;
    border:1px solid lime;
}

#shrinkwrapped {
    position:fixed;
    left:0;
    bottom:0;
    z-index:0;

    margin:0;

    width:auto;
}

#margin_stretched {
    position:fixed;
    left:0;
    bottom:30%;
    z-index:0;

    margin-left:50%;

    width:auto;
}

#sized {
    position:fixed;
    z-index:auto;
    bottom:0;
    left:270px;

    margin:0;

    width:170px;
    height:115px;
}

#stretched {
    position:fixed;
    right:0;
    top:0;
    bottom:0;
    z-index:-1;

    margin:0;

    height:auto;    /* if value is specified, height takes precedent */
}

